
/*------------中间---------------------------------------*/


.middle > div {
    display: flex;
    justify-content: space-between;

}

.middle > div > div {
    border: 1px solid red;
}

.middle > div > div:nth-child(1) {
    width: 580px;
}

.middle > div > div:nth-child(2) {
    width: 400px;
}


.middle > div > div:nth-child(1) > div:nth-child(2) {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div {
    height: 60px;
    border-bottom: 1px dashed red;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) {
    font-weight: bolder;
    padding: 10px 0 5px;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) {
    color: gray;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    width: 268px;
    height: 190px;
}

.middle > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

/*---------------产品展示---------------------*/
.middle > div > div:nth-child(2) > div:nth-child(2) {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div {
    width: 180px;
    border: 1px solid red;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) {
    width: 180px;
    height: 150px;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

/*标题*/
.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) {
    font-weight: bolder;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*配料*/
.middle > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) {
    color: gray;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}